<template>
      <div class="weui-panel weui-panel_access">
            <div class="weui-panel__hd">in_theaters</div>
            <div class="weui-panel__hd full">
                  <Listitem v-for="item in items" :item="item" :href="'/subject?id='+item.id" ></Listitem> 
            </div>
     </div>
</template>

<script> 
  import Listitem from '../components/Listitem.vue'; 
  import common from '../common/common.js';
  import reqApi from '../requestApi.js';
  
  export default {
    props : [],  
    data () {
      return { 
            items : []
        } 
    }, 
    created (){
          let GET = common.GET();  
          let me = this;
          $.ajax({
               url : `${reqApi.baseDir}${GET['type']}.json`,
               type : "GET", 
               data : "json",
               success : function (tData) {
                        me.items = tData.subjects; 
               }
          });
    },    
    components: { 
         Listitem
    } 
  }
</script>

<style>
.full {
  margin: 0px;
  padding: 0px;
}
</style>